iframe {
        display: flex;
        justify-content: center;
        width: 96vw;
    }
    #NAVNAME {
        font-size: xx-large;
        width: 200px;
        margin-top: 20px;
        }
    #ham {
        margin-top: 20px;
    }
    .SectionTitle {
        height: 50px;
        font-size: x-large;
    }
    div {
        display: flex;
        justify-content: center;
        block-size: 2px;
    }
    body {
        width: 100%;
        background-image: url("images.jpg");
        color: white;
        box-sizing: border-box;
        font-family: 'Times New Roman', Times, serif;
    }
    h4 {
        margin-top: 15px;
        margin-bottom: 5px;
        margin-left: 10px;
    }
    h5 {
        margin-left: 30px;
        margin-top: 3px;
        margin-bottom: 3px;
    }
    meal {
        width: 25ch;
        display: flex;
        box-sizing: border-box;
        border: 5px solid gray;
        margin: 2px;
        flex-wrap: wrap;
    }
    h6 {
        margin: 1px;
        margin-bottom: 5px;
        margin-left: 50px;
        width: 96vw;
    }
    reviews {
        background-color: white;
        color: black;
    }
    .section {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        border: 10px solid tan;
        background-color: black;
        width: 97vw;
    }
    nav {
            background-image: url("images.jpg");
            background-size: 5px;
            background-repeat: repeat-x;
            color: white;
            display: flex;
            width: 100%;
            height: 125px;
            align-items: center;
        }
        #yes {
            width: 96vw;
        }
        input[type='checkbox']:not(:checked)+ul {
            display: none;
        }
        nav input[type='checkbox'], nav label {
            display: none;
        }
        /* Stlying the menu icon, the checkbox stays hidden */
        nav label {
            text-align: right;
            display: block;
            padding: 0.5em;
            line-height: 1.6em;
        }
        nav {
            display: flex;
            width: 100%;
            justify-content: left;
        }
        nav ul {
            /* Make the markers disappear */
            list-style-type: none;
        }
        nav ul .hamburbur {
            /* Puts the elements in a single line */
            display: inline-flex;
            margin: 0.3em 1em;
        }
        @media (max-width: 100vw) {
            nav {
                flex-direction: column;
            }
            /* Because we are in mobile mode, we want to display it as a
            vertical list */
            nav ul {
                display: flex;
                justify-content: center;
            }
            nav ul .hamburbur {
                color: rgb(7, 224, 244);
                width: fit-content;
            }
        }